/* banner设计 -start- */
.banner{
    width: 100vw;
    height: 100vh;
}
.banner-bg{
    background: url(../images/banner.jpg) center 0 no-repeat;
    background-size: cover;
}
/* banner设计 -end- */

/* 导航栏设计 -start- */
.navbar-style{
    padding: 0.8rem 2rem;
    background-color: rgba(255, 255, 255, 0.8);
    position: relative;
    z-index: 999;
}
.nav-list-style{
    padding: 0.2rem 1rem;
    border: 2px solid rgba(133, 133, 133, 0);
    transition: 0.2s;
}
.nav-list-style:hover{
    border: 2px solid rgba(133, 133, 133);
}
/* 导航栏设计 -end- */

/* 主体区域设计 -start- */
.left-text-area{
    text-shadow: 5px 3px 10px rgb(34, 34, 34);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    bottom: 4rem;
    right: 4rem;
}
.right-form-area{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    bottom: 2rem;
}
.form-area{
    background: rgba(255, 255, 255, 0.8);
    padding: 3rem 5rem;
    width: 30rem;
}
/* 主体区域设计 -end- */

/* 模态框设计 -start */
.form-check-input-position-1{
    position: relative;
    left: 1rem;
}
.form-check-input-position-2{
    position: relative;
    left: 2rem;
}
/* 模态框设计 -end- */

.product-introduce{
    width: 100vw;
    padding: 5rem 0;
    height: 100vh;
    background: linear-gradient(to right, #FFFFFF, #ECE9E6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.feature{
    width: 100vw;
    height: 100vh;
    border-bottom: 2px solid rgb(209, 209, 209);
}
.ourfunction{
    width: 100vw;
    height: 100vh;
}
.footer{
    width: 100vw;
    height: 10rem;
    background-color: rgb(43, 43, 43);
}
